<button type="button" class="btn btn-primary" (click)="lgModal.show()">新增</button>

<div bsModal #lgModal="bs-modal" class="modal fade" tabindex="-1"
     role="dialog" aria-labelledby="dialog-sizes-name1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">选择商品</h4>
        <button type="button" class="close pull-right" (click)="lgModal.hide()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="container goods-content-box ">
          <div class="row">

            <div class="col-md-12">
              <div class="row">
                <div class="col-md-12">
                  <form>
                    <div class="form-row">
                      <div class="col">
                        <ng-select [items]="extend.domain.outWarehouseName.items"
                                   [multiple]="false"
                                   [closeOnSelect]="true"
                                   [searchable]="true"
                                   bindLabel="name" bindValue="id"
                                   placeholder="调出仓库"
                                   tooltip="{{extend.domain.outWarehouseName.nickname}}"
                                   (change)="extend.domain.outWarehouseName.change($event)">
                        </ng-select>
                      </div>
                      <div class="col">
                        <input type="text" [(ngModel)]="condition.serGoodsName" name="serGoodsName" class="form-control" placeholder="商品名称">
                      </div>
                      <div class="col-2">
                       <!-- <button (click)="searchGoods()" type="button" class="btn btn-primary " style="margin-left: 10px">查询</button>-->
                        <button (click)="addGooBaseGoodsSpecification()" type="button" class="btn btn-primary " style="margin-left: 10px">查询</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>

              <div class="row my-table">
                <div class="col-md-12">
                  <table class="table table-bordered text-nowrap bg-light zero3-list-table wms-table  ">
                    <thead>
                    <tr>
                      <th scope="col" (click)="head.tr.selectedAll.click($event)">
                        <fa-icon [icon]="head.tr.selectedAll.icon"></fa-icon>
                      </th>
                      <th scope="col"><span>商品名称</span></th>
                      <th scope="col"><span>商品编号</span></th>
                      <th scope="col"><span>商品图片</span></th>
                      <th scope="col"><span>规格名称</span></th>
                      <th scope="col"><span>数量</span></th>
                    </tr>
                    </thead>
                    <tbody>
                      <ng-container *ngFor="let item of wmsStockDetailMap | keyvalue; let i = index">
                        <tr (click)="body.tr.click($event, item?.uuid)" tooltip="{{item?.serNum}}"
                            [ngClass]="{'row-selected': body.tr.isSelected(item?.uuid)}">
                          <td scope="row" class="text-center">{{i + 1}}</td>
                          <td>{{item.value.serItemName}}</td>
                          <td>{{item.value.serItemSerNum}}</td>
                          <td>{{item.value.serItemImg}}</td>
                          <td>{{item.value.serSpecificationName}}</td>
                          <td>1</td>
                        </tr>
                      </ng-container>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
          <!-- 操作-->
            <div class="text-center mt-5">
                <button type="button" class="btn btn-primary space-left" (click)="doSave()" >确定</button>
              </div>
        </div>

        </div>
      </div>
    </div>
  </div>
